<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title></title>
</head>
<body>
<div class="part">
            <div class="part">
            <div class="left_part">
                Название:</div>
            <input id="cat_header_txt" type="text" name="cat_header_txt" class="left_part" style="margin-left:5px; width:25%" />
            </div>
            <div class="part">
            <input type="submit" id = "log_btn" value="Добавить категорию" onclick="SubmitCategory();"/> 
        	</div>
</body>
<script type="text/javascript">
    $(document).ready(function () {
        $("#error").html("");
    });
    	function SubmitCategory() {    	 	 
    		var cvalue=document.getElementById("cat_header_txt").value;    		
    		if(cvalue!=null && cvalue!="")
    		{
    			var gourl="/add_category?name="+cvalue;
		 		$.ajax({
            	url: gourl,
            	success: OnSuccessSCat,
            	error: OnErrorSCat
        	});
		 	}
    	}
function OnSuccessSCat(resp) {
	if (resp=="success")
		window.location.reload();
	else
		$("#error").html("<div class=\"error_wdw\">Такая категория уже существует!</div>");
}
function OnErrorSCat(resp) {
	$("#error").html("<div class=\"error_wdw\">Не удалось добавить категорию!</div>");
}
    </script>
</html>
